Ext.define('Admin.common.panel.HighchartsPanel', {
    extend: 'Ext.panel.Panel',
    alias : 'widget.highchartsPanel',
    highchart: null,
    option:{
            chart: {
                renderTo: '',
                // animation: false
            },
            title: {
                text: ''
            },
            xAxis: {
                categories: ['2016年2月','2016年4月','2016年6月','2016年8月','2016年10月','2016年12月']
            },
            yAxis: {
                title: {
                    text: ''
                },
                plotLines: [{
                    value: 0,
                    width: 1,
                    color: '#808080'
                }]
            },
            tooltip: {
                valueSuffix: ''
            },
            legend: {
                //layout: 'vertical',
                //align: 'right',
                //verticalAlign: 'middle',
                //borderWidth: 0

                align: 'center', //水平方向位置
                verticalAlign: 'bottom', //垂直方向位置
                x: 0, //距离x轴的距离
                y: 0 //距离Y轴的距离
            },
            series: [{
                name: '洪门坝上',
                data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5]
            }, {
                name: '南丰上游',
                data: [0.2, 0.8, 5.7, 11.3, 17.0, 22.0]
            }, {
                name: '石门',
                data: [0.9, 0.6, 3.5, 8.4, 13.5, 17.0]
            }, {
                name: '马圩',
                data: [3.9, 4.2, 5.7, 8.5, 11.9, 15.2]
            }, {
                name: '娄家村',
                data: [3.9, 4.2, 5.7, 8.5, 11.9, 15.2]
            }]
        },
    afterComponentLayout: function(width, height, oldWidth, oldHeight) {
        var me = this;
        var chartId = me.id + "-body";
        if(me.option){
            me.option.chart.renderTo = chartId;
            me.option.title.text = me.chartTitle;
            if(me.xdata){
                me.option.xAxis.categories = me.xdata;
            }

            if(me.ydata){
                me.option.series = me.ydata;
            }
            me.highchart = new Highcharts.Chart(me.option);
        }
    }
});
